*{
	font-family: "微軟正黑體";
}
body,div{
	font-size:13px;
}
body{
	/*background-color: #666;*/
	background-image: url("../../images/pic/bg0.jpg");
}
label{
	font-size:90%;
}
#type, #product,
#mt_match, #prd_match{
	background-color:#708090;
	font-family:Verdana;
	font-weight:bold;
	border:1px solid #a1a1DD;
	padding:1px 5px;
	border-radius:5px;
}
input[type=text]{
	border:1px solid #a1a1DD;
	border-radius:5px;
	background-color:#708090;
	font-family:Verdana;
	font-weight:bold;
	text-align:right;
	padding:2px 3px;
}
#errMessage{
	display:none;
}
.wraper{
	position: absolute;
	padding: 0px;
	background-image: url("../../images/pic/frame_2.png");
	background-repeat: no-repeat;
	width: 345px;
	height: 485px;
	padding-left: 20px;
	padding-right: 30px;
	padding-top: 30px;
}
.wraper .item{
	position: relative;
	width: 288px;
	height: 50px;
	background-image: url("../../images/pic/block.gif");
	background-repeat: repeat-y;
	vertical-align: top;
	margin: 0px;
	white-space: nowrap;
	border-bottom: dashed 1px #333;
	margin-bottom: 2px;
}
.wraper #n_prd{
	background-image: url("../../images/pic/block_2.gif");
	background-repeat: no-repeat;
	display: inline-block;
	width: 50px;
	height: 50px;
	position: absolute;
	padding-top: 2px;
	padding-left: 3px;
	right: 78px;
	top: 30px;
}
.wraper .calc{
	padding-top: 2px;
	margin-bottom: 15px;
}
.wraper .calc select{
	margin-bottom: 5px;
}
.wraper .calc [type=button]{
	float: right;
	right: 55px;
	position: relative;
}
.item .helper, #n_prd .helper{
	height: 100%;
	vertical-align: middle;
	display: inline-block;
}
.item .pic, .wraper #n_prd .pic{
	display: inline-block;
	text-align: center;
	width: 50px;
	padding-top: 3px;
}
.item img, .wraper #n_prd img{
	vertical-align: middle;
	max-width: 50px;
	max-height: 50px;
	padding-right: 5px;
}
.item .mat{
	margin-bottom: 10px;
}
.item .qty, #n_prd .qty{
	position: absolute;
	right: 241px;
	font-size: 12px;
	font-weight: bold;
	color: #00a;
	bottom: 1px;
	text-shadow: 1px 1px #333;
}
#n_prd .qty{
	position: absolute;
	right: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #00a;
	bottom: 2px;
	text-shadow: 1px 1px #333;
}
.item .name{
	display: inline-block;
	position: absolute;
	left: 55px;
	top: 12px;
	font-size: 14px;
	color: #333;
}
.item .slt{
	display: inline-block;
	position: absolute;
	left: 150px;
	top: 30px;
}
.wraper .result{
	margin-top: 10px;
}
.wraper .result .sbtn{
	position: relative;
	float: right;
	right: 55px;
	cursor: hand;
	display: none;
}
.wraper .result div{
	margin-bottom: 5px;
}
#matchBoard{
	position: absolute;
	background-image: url("../../images/pic/match_frame_3.png");
	background-repeat: no-repeat;
	width: 300px;
	height: 220px;
	top: 500px;
	padding: 30px 30px 20px 20px;
}
#matchBoard select{
	margin-bottom: 5px;
}
/*#matchBoard .plus_btn,
#matchBoard .minus_btn{
	width: 30px;
	text-align: center;
	padding: 0px;
}*/
#matchBoard .plus_btn,
#matchBoard .minus_btn{
	vertical-align: middle;
	margin-left: 10px;
	padding: 1px 5px;
	background-color: #fff;
	border: solid 1px #333;
	cursor: pointer;
	margin-top: -4px;
}
#matchBoard .plus_btn:hover,
#matchBoard .minus_btn:hover{
	box-shadow: 2px 2px #666;
}
#matchBoard .plus_btn:active,
#matchBoard .minus_btn:active{
	position: relative;
	top: 1px;
	left: 1px;
	box-shadow: 1px 1px #666;
}
#matchBoard .plus,
#matchBoard .minus{
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
}
#matchBoard .plus label,
#matchBoard .minus label{
	vertical-align: top;
}
#matchBoard .plus div,
#matchBoard .minus div{
	display: inline-block;
	width: 225px;
	height: 20px;
}
#matchBoard .plus div{
	border: outset 1px green;
	background-color: #6f6;
}
#matchBoard .minus div{
	border: outset 1px red;
	background-color: #f66;
}
#matchBoard .plus span,
#matchBoard .minus span{
	height: 16px;
	line-height: 16px;
	font-size: 14px;
	vertical-align: middle;
	cursor: pointer;
	margin-left: 2px;
	margin-right: 2px;
	padding: 1px;
	color: #fff;
}
#matchBoard .plus span{
	background-color: #282;
}
#matchBoard .minus span{
	background-color: #822;
}
#match_list{
	width: 290px;
	margin-bottom: 0px;
}
#match_list option:nth-child(3n+1){
	background-color: #ccf;
}
#match_result .match,
#match_result .nomatch{
	display: none;
}
#matchBoard .wood{
	background-color: #ca8;
}
#matchBoard .mineral{
	background-color: #aac;
}
#matchBoard .flower{
	background-color: #ce8;
}
#matchBoard .cloth{
	background-color: #ef7;
}
#matchBoard .food{
	background-color: #eb4;
}
#matchBoard .special{
	background-color: #fff;
}
